<template>
    <div class="app-container h-auto min-h-full">
        <vxe-tip status="primary">
            <p>在 app-container 类名的基础上 添加 h-auto min-h-full</p>
        </vxe-tip>
        <vxe-tip status="primary">
            <p>高度跟随内容，但最小高度为100%，适用于需要出现滚动条的页面</p>
        </vxe-tip>
        <vxe-tip status="primary">
            <p>如不需要 card 撑满整个页面 去掉 min-h-full 即可</p>
        </vxe-tip>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum quod vero ducimus perspiciatis suscipit tempora
        totam eius, architecto voluptatem quia aliquam? Rem voluptas illo nisi in quidem. Amet dolores quaerat magni!
        Odio quisquam magni aperiam dolor, sed a inventore adipisci. Voluptatem sequi sunt officiis unde, est non quam
        assumenda rerum laudantium porro eius facilis quae sit enim! Rem, magni sunt? Debitis quae aut provident libero
        ipsum sint, praesentium dolores animi pariatur cupiditate officia in ab aliquam vitae quibusdam eos dicta,
        aperiam accusantium? Reprehenderit omnis ex asperiores? Alias officiis maxime ipsum ea, asperiores adipisci rem
        voluptatibus commodi? Ut saepe sunt praesentium ducimus exercitationem consequatur quo, atque asperiores soluta
        ipsam, rem optio deleniti ipsum nulla quia quae voluptas excepturi vero nobis sit placeat ex! Molestiae
        inventore aut non nisi vel, vero, laudantium suscipit tempora temporibus voluptatibus quos voluptatum, officiis
        consequuntur! Deleniti aperiam debitis quae omnis! Corrupti deleniti quis cupiditate, enim, a aut tenetur vero
        numquam vel iure accusantium! Necessitatibus, dicta, labore officia quaerat consequatur beatae minima eaque
        alias et possimus quibusdam vel ipsam? Veniam aut amet sed accusantium quia ad, nam autem quo tempore ut
        obcaecati ex animi et tenetur ratione. Voluptas aspernatur adipisci, iusto corporis, sint odio enim cumque quasi
        tempora culpa itaque velit ex tempore alias deserunt facere vel impedit. Laborum ipsa, natus, placeat eum
        repellat nulla totam molestiae voluptatum accusamus adipisci atque. Cumque, accusamus atque? Eius voluptatibus
        animi consectetur perspiciatis quas odio at magni eaque est ratione ad quod totam suscipit ab, impedit earum.
        Necessitatibus, repellat. Reprehenderit pariatur saepe, aliquid cupiditate cumque autem eligendi nostrum dolore
        assumenda rerum harum, praesentium rem non sit, laudantium dolorum asperiores error ratione cum delectus? Soluta
        laborum mollitia atque ea blanditiis dignissimos, placeat aliquid velit veritatis doloribus esse eum suscipit
        sequi facilis minus quidem possimus pariatur. Illum sunt eligendi voluptatum voluptate quos sed iste quia
        tempora reiciendis iusto numquam laborum soluta nisi voluptates neque repellendus eum temporibus ipsam sapiente
        unde minima, similique harum. Ut exercitationem perferendis tempora impedit voluptatibus eveniet laboriosam eos
        minus, architecto nulla repudiandae at sit expedita corporis libero quae tenetur placeat sint magni corrupti!
        Repellat harum laboriosam voluptates itaque ad, asperiores vitae nobis! Numquam nulla reprehenderit natus earum
        impedit, sapiente tenetur tempora, tempore, non sit molestiae ea optio eum ex architecto suscipit nihil.
        Mollitia, sed corrupti quisquam magnam suscipit voluptas esse ab aspernatur eum culpa? Nihil beatae tempora
        necessitatibus maiores. Est odio voluptate debitis esse consequatur quisquam perferendis tenetur quibusdam
        soluta quae porro neque temporibus a non quasi quo quam sequi, dolore numquam. Omnis quos inventore quaerat
        nostrum ea tempora fugit. Dolor aspernatur sunt exercitationem quam deserunt! Ipsam consequatur reprehenderit
        tempore labore tempora id dolore consectetur nobis sunt cum voluptatum itaque totam iure minima odit ab, ea modi
        error obcaecati vel beatae quibusdam fugit. Quas illo eligendi mollitia adipisci consectetur numquam voluptatem
        doloremque recusandae dolorem laborum labore facilis deleniti sequi delectus, dicta blanditiis quis ipsam saepe
        architecto iusto consequatur a illum. Neque porro facilis aliquam at dolor autem iure similique expedita
        excepturi quod atque omnis quam fuga vitae a dolorem dolores harum iste provident laboriosam, commodi tenetur
        nulla, ex cum. Tempora reiciendis cum nobis, ratione esse amet recusandae sit non nisi ipsa. Est totam veniam
        repudiandae doloremque. Ullam provident earum optio, enim inventore adipisci veritatis ratione eius dolor
        molestiae ipsum dicta aliquid blanditiis esse doloribus odio ab accusantium deserunt error eveniet fuga modi
        quam ut quod. Corporis libero voluptates perferendis ab laudantium excepturi, magni tenetur repudiandae qui
        labore quisquam, velit ut officiis soluta cumque. Nisi, consectetur soluta amet praesentium ab non doloremque
        minus libero temporibus enim reprehenderit fugiat explicabo odio provident sunt eum similique facere ducimus
        veritatis debitis repellendus et. Consectetur quibusdam, suscipit ipsam minus eligendi natus fugiat velit
        explicabo laborum deleniti architecto ratione exercitationem ipsa autem quisquam tenetur accusamus optio. Facere
        impedit architecto odio similique culpa labore dolores neque odit consectetur quisquam, omnis, unde nam quidem
        ad ratione fugit incidunt rem ex? Voluptatum sit expedita eius nam molestias sequi deserunt dolorem odit
        voluptas possimus maiores esse quae, aliquid non ab iste excepturi labore itaque? Quasi, veniam explicabo quam
        cumque odit nobis ad quo? Excepturi nisi quam blanditiis, cum nesciunt perspiciatis vero, aspernatur ipsa
        consequuntur eos tenetur. Magnam iusto explicabo recusandae fugit quam est ipsum neque nihil atque distinctio
        perferendis cumque, consectetur temporibus. Quod, quasi esse deserunt unde dolor delectus ipsum nisi, nulla
        numquam tempore ipsam dolorem itaque eligendi cum? Eius tempora, dicta earum neque reprehenderit pariatur
        asperiores vel ab ducimus rerum facere voluptates quaerat aliquid. Quidem ipsam nisi dolore perspiciatis facilis
        deserunt minus temporibus, quod at adipisci voluptatibus omnis. Nulla labore, fugit laborum debitis, deserunt
        odit nisi optio dolor dolores deleniti et ex itaque vitae voluptas mollitia laudantium sequi vel amet tempora
        doloremque. Rerum nam qui facilis laudantium quae! Harum, esse animi facere voluptatem quod quos repudiandae
        reprehenderit quas voluptates! Optio minima assumenda dolores natus reprehenderit consequatur, dolore at nam
        fugit dolorem sit corporis culpa autem voluptates facere eligendi, tempora labore magni doloribus, tenetur
        deserunt? Sapiente quos exercitationem omnis tempore vero, ipsum corrupti culpa accusantium delectus, nihil
        dicta esse beatae magnam eligendi laboriosam amet. Quidem, quibusdam perspiciatis quo esse labore provident, ab
        harum earum in expedita aliquam eligendi ipsam molestias vero nesciunt! Repudiandae odit ut esse ducimus!
        Consequuntur cumque architecto doloremque libero doloribus, esse quod. Consectetur possimus assumenda, dolorum
        ducimus, omnis voluptate corrupti est iste aspernatur illum explicabo, quod aliquam expedita similique quas
        fugit dignissimos. Sapiente alias natus magnam delectus non sed labore odit ipsa distinctio eveniet, sequi
        maxime eligendi quae necessitatibus aliquam soluta deleniti harum molestiae excepturi consequuntur voluptas, sit
        deserunt nam perspiciatis. Eligendi provident quis perspiciatis culpa ea modi fugiat, officiis, nam rem labore
        totam neque debitis! Ea neque culpa, consectetur quisquam nulla facere dolore ab eligendi soluta magnam
        repudiandae minima ratione similique vitae ipsum expedita? Possimus eum eaque necessitatibus velit laudantium
        blanditiis, ipsum rerum, ducimus autem illo unde sit porro? Reiciendis perspiciatis provident veritatis labore
        delectus facere fugit nulla, minus, corporis ipsum aspernatur adipisci hic quaerat rerum repudiandae eveniet a,
        quae nam accusamus vitae quisquam dolorum? Ipsam repudiandae aliquid itaque reiciendis odit eveniet iste minima
        quam hic?

    </div>
</template>

<script>
export default {
}
</script>